<template>
  <div id="list">
    <ul>
      <CellViewVue
        v-for="todo in todoList"
        :key="todo.id"
        :item="todo"
        :finish="finish"
        :deleteTodo="deleteTodo"
      >
      </CellViewVue>
    </ul>
  </div>
</template>

<script>
import CellViewVue from "./CellView.vue";

export default {
  name: "ListView",
  components: {
    CellViewVue,
  },
  props: ["todoList", "finish", "deleteTodo"],
};
</script>

<style lang="less" scoped>
#list {
  width: 100%;

      ul{
        padding: 0;
        padding-top: 1px;
        border: 1px solid lightgrey;
        border-radius: 3px;
        li {
           list-style-type: none;

        
        } 
      }  
    }
</style>